<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link th:href="@{/css/semantic.min.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<!--分割线-->
<h2 class="ui center aligned blue icon header">
    <i class="circular student icon"></i>
    随堂测试答案与解析
</h2>
<!--分割线-->

<!--习题答案-->
<div class="ui container">
    <div class="ui segment">
        <form  method="post" name="examform" class="layui-form" >
            <h3 class="ui blue dividing header">总题目数量:[[${totalnumber}]]&nbsp;&nbsp;&nbsp;&nbsp;答对题目数量:[[${truenumber}]]</h3>
            <!--                        单选题-->
            <br>
            <div class="inline  fields" th:each="radio,iterStat:${radios}">
                <label  class="ui pink header" th:text="${iterStat.index+1}+'.'+${radio.subject}"></label>
                <br>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                    <br>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label  class="ui label"   th:text="'A:'+${radio.answer_a}"/>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label   class="ui label"  th:text="'B:'+${radio.answer_b}"/>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label   class="ui label"  th:text="'C:'+${radio.answer_c}"/>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label  class="ui label"   th:text="'D:'+${radio.answer_d}"/>
                            </div>
                        </div>

                        <input type="checkbox"    checked="checked" th:title="'答案'+${radio.answer_true}+'--------解析:'+${radio.description}">
                    </div>
                </div>

            </div>
            <!--                        单选题-->
            <br>
            <br>
            <br>
            <a class="ui  blue labeled submit icon button"  th:href="@{/}">
                <i class="like icon" > </i>
                返回
            </a>
        </form>
    </div>
</div>
<!--习题答案-->

<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;

        //…
    });

    layui.use('form', function(){
        var form = layui.form;
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>

</body>
</html>